<!DOCTYPE html>
<html>
  <head>
    <title>Tim chuyen bay</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta charset="UTF-8">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
	  <link href="css/datepicker.css" rel="stylesheet">
   <script src="https://code.jquery.com/jquery.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
	 <script src="js/bootstrap-datepicker.js"></script>
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
 <script type="text/javascript">
     function SelectFlight(child) {

         var categoryparent = $(child).parent();
         $(categoryparent).find('a.list-group-item').each(function () {
             $(this).removeClass('active');
         });

        
         $(child).addClass('active');
        

     }

 </script>
  </head>
  <body>
  <h3 class="text-center  text-success">Chọn chuyến bay</h3>
  <ul class="pager">
  <li class="previous"><a href="Search.html">  <span class="glyphicon glyphicon-arrow-left"> Trở về</span></a></li>
  <li class="next"><a href="Passenger.html"> Tiếp tục <span class="glyphicon glyphicon-arrow-right"></span> </a></li>
</ul>
  <div class="panel panel-default">
  <div class="panel-heading">
    <h3 class="panel-title panel-info">Hàn Nội đi TP. Hồ Chí Minh 20/11/2013</h3>
  </div>
  <div class="panel-body">
    <div class="list-group" >
          <a class="list-group-item" id="A4" onclick="javascript:SelectFlight(this)">
          <h4 class="list-group-item-heading"><img src="Images/smVN.gif" /> VN 1234</h4>
          <p class="list-group-item-text">
         <em >Giờ bay: 20-00 22-00</em> <span class="label label-warning">Còn 2 chỗ</span>  <span class="label label-danger">Giá vé: 100,000 VND</span>
          </p>
        </a>
         <a class="list-group-item" id="A1" onclick="javascript:SelectFlight(this)">
          <h4 class="list-group-item-heading"><img src="Images/smVN.gif" /> VN 1234</h4>
          <p class="list-group-item-text">
         <em >Giờ bay: 20-00 22-00</em> <span class="label label-warning">Còn 2 chỗ</span>  <span class="label label-danger">Giá vé: 100,000 VND</span>
          </p>
        </a>
          <a class="list-group-item" id="A2" onclick="javascript:SelectFlight(this)">
          <h4 class="list-group-item-heading"><img src="Images/smVN.gif" /> VN 1234</h4>
          <p class="list-group-item-text">
         <em >Giờ bay: 20-00 22-00</em> <span class="label label-warning">Còn 2 chỗ</span>  <span class="label label-danger">Giá vé: 100,000 VND</span>
          </p>
        </a>
          <a class="list-group-item" id="A7" onclick="javascript:SelectFlight(this)">
          <h4 class="list-group-item-heading"><img src="Images/smVN.gif" /> VN 1234</h4>
          <p class="list-group-item-text">
         <em >Giờ bay: 20-00 22-00</em> <span class="label label-warning">Còn 2 chỗ</span>  <span class="label label-danger">Giá vé: 100,000 VND</span>
          </p>
        </a>
      </div>
  </div>
</div>
  
  <div class="panel panel-default">
  <div class="panel-heading">
    <h3 class="panel-title panel-warning">TP. Hồ Chí Minh đi Hà nội 20/11/2013</h3>
  </div>
  <div class="panel-body">
    <div class="list-group" >
          <a class="list-group-item" id="A3" onclick="javascript:SelectFlight(this)">
          <h4 class="list-group-item-heading"><img src="Images/smVN.gif" /> VN 1234</h4>
          <p class="list-group-item-text">
         <em >Giờ bay: 20-00 22-00</em> <span class="label label-warning">Còn 2 chỗ</span>  <span class="label label-danger">Giá vé: 100,000 VND</span>
          </p>
        </a>
         <a class="list-group-item" id="A5" onclick="javascript:SelectFlight(this)">
          <h4 class="list-group-item-heading"><img src="Images/smVN.gif" /> VN 1234</h4>
          <p class="list-group-item-text">
         <em >Giờ bay: 20-00 22-00</em> <span class="label label-warning">Còn 2 chỗ</span>  <span class="label label-danger">Giá vé: 100,000 VND</span>
          </p>
        </a>
          <a class="list-group-item" id="A6" onclick="javascript:SelectFlight(this)">
          <h4 class="list-group-item-heading"><img src="Images/smVN.gif" /> VN 1234</h4>
          <p class="list-group-item-text">
         <em >Giờ bay: 20-00 22-00</em> <span class="label label-warning">Còn 2 chỗ</span>  <span class="label label-danger">Giá vé: 100,000 VND</span>
          </p>
        </a>
          <a class="list-group-item" id="A8" onclick="javascript:SelectFlight(this)">
          <h4 class="list-group-item-heading"><img src="Images/smVN.gif" /> VN 1234</h4>
          <p class="list-group-item-text">
         <em >Giờ bay: 20-00 22-00</em> <span class="label label-warning">Còn 2 chỗ</span>  <span class="label label-danger">Giá vé: 100,000 VND</span>
          </p>
        </a>
      </div>
  </div>
</div>
<ul class="pager">
  <li class="previous"><a href="Search.html">  <span class="glyphicon glyphicon-arrow-left"> Trở về</span></a></li>
  <li class="next"><a href="Passenger.html"> Tiếp tục <span class="glyphicon glyphicon-arrow-right"></span> </a></li>
</ul>

  </body>
</html>